<section class="oe_container lead" style="padding:20px 20px 0px 20px ;">
    <div class="panel panel-default bg-white">
        <div class=" text-center oe_span12">
            <h2 class="oe_slogan text-center"><b>Dmmsys Dynamic List Advanced</b></h2>
        </div>
		
		<div class="">
            <p class="oe_mt16">
                  An advanced tool to control the display, width, and page limits of the list fields.
            </p>

        </div>
 </div>
</section>

<section class="oe_container oe_dark lead">
    <div class="panel panel-default bg-white">    
        <div class="">
            
                <div class="panel-heading">
                    <div class="text-center alert alert-info" style="height:46px;padding:8px;font-weight: 300; font-size: 20px;">
					<i class="fa fa-arrow-circle-o-right"></i><b> Key features </b>
					</div>
					<div class="">
						<ul>
							<li>All functions can be used in multiple one2many lists in the form page</li>	
							<li>Easily control the display or hiding of list fields through check-box </li>
							<li>Adjust the display order of the list fields by Drag and Drop </li>
							<li>By entering the width value, you can precisely control the width of the list field</li>
							<li>You can control the buttons in the list like a list field</li>
							<li>Each user can set their own list page size for the same list</li>
							<li>Expand based on the system's native list field control function</li>
							<li>Each user can have their own settings</li>
							<li>Bundled list line number function</li>
							<li>Freeze list header in all responsive table</li>
							<li>Support odoo version 14 13 .</li>
						</ul>
					</div>
                </div>
            
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="panel panel-default bg-white">    
        <div class="">
           
                <div class="panel-heading">
                    <div class="text-center alert alert-info" style="height:46px;padding:8px;font-weight: 300; font-size: 20px;">
					<i class="fa fa-arrow-circle-o-right"></i><b> Module Detials </b>
					</div>


                    <!---通过截图的方式,描述模块操作的步骤,以及完成功能的效果-->

    
						<div class="tab-pane active" id="operations_steps"> 

							<section class="oe_container  oe_dark">
								<div class="panel panel-default bg-white">    
									<div class="">
										<div class="panel panel-info">
											<div class="panel-heading">
												<h3 class="panel-title"><i class="fa fa-pencil-square-o "></i> <b>Feature Demo</b></h3>
											</div>
											<div class="panel-body">
												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Basic function description </b>
													</div>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images001.png" alt="1"></p>
												</section>        
												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Using in normal list view</b>
														
													</div>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images002.png" alt="2"></p>
														<li>The widget is displayed on the left and will never be squeezed out of the display area by too many fields</li>
												</section>
												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Using in form view</b>
													</div>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images003.png" alt="3"></p>
												</section>

												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Using multiple one2many list in form view</b>
													</div>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images004.png" alt="4"></p>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images005.png" alt="5"></p>
												</section> 	



												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>You can control the buttons in the list like a list field</b>
													</div>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images006.png" alt="6"></p>
												</section> 
												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Using  in dialog form view</b>
													</div>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images007.png" alt="7"></p>

												</section> 	
												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Display list number in any list</b>
													</div>
														<b>Display list number in normal list</b>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images008.png" alt="7"></p>
														<b>Display list number in one2many list</b>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images009.png" alt="8"></p>
												</section> 


												<section class="oe_container  lead">  
													<div class="panel-heading alert alert-success">
													    <i class="fa fa-hand-o-down"></i> 
														<b>Freeze list header in all responsive table</b>
													</div>
														<b>Freeze list headerr in normal list</b>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images010.png" alt="10"></p>
														<b>Freeze list header in one2many list</b>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images011.png" alt="11"></p>
														
														<b>Freeze list header in dialoge</b>
														<p><img style="max-width:100%" class="img-border img-responsive thumbnail" src="images012.png" alt="12"></p>
												</section> 	 												
												
											 </div>
										</div>
								   </div>
								</div>
							</section>
						</div>

	            </div>

        </div> 

    </div>    
</section>




	


    <section class="oe_container lead " style="padding: 20px;background-color:#d9d7d7">
            <div class="panel panel-default bg-white">
			    <div class="">
					<h2 class="text-center"><strong>Free Support<strong></h2>
					<br>
					<p class="oe_mt16">
						All our modules have been tested repeatedly on the corresponding version of odoo using Firefox and Google Chrome. You purchased modules will get 90 Days free support (not include free download moudles) incase any bugs or issue (Except data recovery).
					</p>
                </div>
            </div>

	</section>

    <section class="oe_container  " style="padding: 20px;background-color:#ffffff">
            <div class="panel panel-default bg-white  ">
			    <div class="">
					<h2 class="text-center mt24"><strong>Product & Services<strong></h2>
                </div>
            </div>
            <div class="row text-center" style="width: 100%;">
                <div class=" col-sm-3 col-xs-6 mt16 mb16" style="width: 25%;" >
                <a href="https://www.bonainfo.com/" target="_blank">
                    <div style="width:120px;height:120px;margin: auto;">
                            <img class="oe_picture oe_screenshot" src="integrated.png" style="width: 100%;">
                    </div>
                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
                       Odoo  Integrated
                     </h3>
                 </a>
                </div>
                <div class=" col-sm-3 col-xs-6 mt16 mb16" style="width: 25%;" >
                                 <a href="https://www.bonainfo.com/" target="_blank">
                    <div style="width:120px;height:120px;margin: auto;">
                            <img class="oe_picture oe_screenshot" src="cutomization.png" style="width: 100%;">
                    </div>
                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
                        Odoo  Cutomization
                     </h3>
                 </a>
                </div>
                <div class=" col-sm-3 col-xs-6 mt16 mb16" style="width: 25%;" >
                                 <a href="https://www.bonainfo.com/" target="_blank">
                    <div style="width:120px;height:120px;margin: auto;">
                            <img class="oe_picture oe_screenshot" src="implentation.png" style="width: 100%;">
                    </div>

                 </a>
				    <h3 class="oe_slogan" style="text-align: center;font-size: 14px;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
                        Odoo  Implentation
                    </h3>
                </div>
                <div class=" col-sm-3 col-xs-6 mt16 mb16" style="width: 25%;" >
                                 <a href="https://www.bonainfo.com/" target="_blank">
                    <div style="width:120px;height:120px;margin: auto;">
                            <img class="oe_picture oe_screenshot" src="support service.png" style="width: 100%;">
                    </div>
                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
                        Support Services
                     </h3>
                 </a>
                </div>

            </div>
    </section>			
	<section class="oe_container lead" style="background-color:#d9d7d7;padding:20px 20px 30px 20px;">
		<div class="oe_row  text-center" >
			<div class="">
				<h2 class="oe_slogan" >
           <a href="http://www.bonainfo.com" target="new">
                <img src="Bonainfologo60.png">
            </a>
            <br>
					<a href="http://www.bonainfo.com/zh_CN/blog" style="color: #000000 !important;font-size:24px;">
						Get Help &amp; Support</a>
				</h2>
			</div>
			<br>
			<div class="oe_slogan  text-center">
				<a class="btn btn-success mt8" title="Website" style="background-color: #3399ff; color: #fff !important; position: relative; overflow: hidden;" href="http://www.bonainfo.com"> Website </a> 
				<a class="btn btn-success mt8" title="Blog" style="background-color: #ff3333; color: #fff !important; position: relative; overflow: hidden;" href="http://www.bonainfo.com/zh_CN/blog"> Blog </a> 
				<a class="btn btn-success mt8" title="Send Email" style="background-color: #ffcc00; color: #fff !important; position: relative; overflow: hidden;" href="mailto:3118469885@qq.com,bower_guo@msn.com"> Send Email </a> 
				<a class="btn btn-success mt8" title="Contact us!" style="background-color: #009900; color: #fff !important; position: relative; overflow: hidden;" href="http://www.bonainfo.com/zh_CN/contactus"> Contact us! </a>
			</div>
		</div>
	</section>		
